<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="${pageContext.request.contextPath}/js/jQuery/jquery-3.4.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/bootstrap/dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/product_list.css">
</head>
<body>
<div class="top">
    <input type="hidden" value="${product.productId}" class="productid">
    <input type="hidden" value="${loginCustomer.customerId}" class="customerid">
    <div class="top-log">
        <div class="logo">
            <a href="/fresh/index.jsp"><img src="${pageContext.request.contextPath}/images/xianyu.jpg" width="90" height="40"></a>
        </div>
    </div>
    <div class="top-dingwei">
        <div class="top-dingwei-main">
            <ul>
                <li class="top-dingwei-img"><img src="${pageContext.request.contextPath}/images/dingwei.png"></li>
                <li class="top-dingwei-city"><a href="#">深圳<p class="top-dingwei-jiantou"></p></a></li>
            </ul>
        </div>
    </div>
    <!--============================搜索=====================================-->
    <div class="search">
        <div class="layui-form">
            <input type="text" name="title" required lay-verify="required" placeholder="请输入查询关键字" autocomplete="off" class="layui-input input-text">
            <button class="submit-button"><i class="submitButton"></i> </button>
        </div>
    </div>
    <!--=======================购物车==========================-->
    <div class="cart">
        <dl>
            <dt class="shopping-btn">
                <a href="/fresh/cart/cart.jsp">
                    <b class="totlePrice">￥2020.00</b>
                </a>
            </dt>
        </dl>
    </div>

    <!--=======================我的====================================-->
    <div class="top-menu">
        <div class="login">
            <c:if test="${empty loginCustomer}">
                <p>
                    <a href="/fresh/customer/login.jsp">登录/</a>
                    <a href="/fresh/customer/regist.jsp">注册</a>
                </p>
            </c:if>

            <c:if test="${!empty loginCustomer}">
                <p>
                    <a href="">${loginCustomer.customerTelno}/</a>
                    <a href="/fresh/customer/login.jsp">退出</a>
                </p>
            </c:if>

        </div>
        <div class="user">
            <ul>
                <li class=" tle">
                    <a class="geren" href=""><img src="${pageContext.request.contextPath}/images/geren-logo.png"></a>
                    <a href="/fresh/customer/center.jsp">我的咸鱼</a>
                </li>
                <%--<li class="e1">--%>
                    <%--<a class="order" href=""><img src="${pageContext.request.contextPath}/images/order-logo.png"></a>--%>
                    <%--<a href="/fresh/customer/center.jsp">我的订单</a>--%>
                <%--</li>--%>
                <%--<li class="e2">--%>
                    <%--<a class="coupon" href=""><img src="${pageContext.request.contextPath}/images/coupon.png"></a>--%>
                    <%--<a href="/fresh/product/attention.jsp">我的关注</a>--%>
                <%--</li>--%>
                <%--<li class="last">--%>
                    <%--<a class="exit" href=""><img src="${pageContext.request.contextPath}/images/exit.png"></a>--%>
                    <%--<a href="/fresh/customer/login.jsp">退出账户</a>--%>
                <%--</li>--%>
            </ul>
        </div>
    </div>
</div>
<div class="main">
    <div class="header">
        <ul class="product-class">
            <li><a href="/fresh/product/product_list_guo.jsp">新鲜水果</a> </li>
            <li><a href="/fresh/product/product_list_cai.jsp">蔬菜分区</a> </li>
            <li><a href="/fresh/product/product_list_yu.jsp">海鲜水产</a> </li>
            <li class="product-fl"><a href="">精选肉类</a> </li>
        </ul>
    </div>

    <div class="products-list">
        <ul class="products">
            <%--<c:forEach items="${productVOS}" var="productVO">--%>
                <%--<li>--%>
                    <%--<a href="${pageContext.request.contextPath}/product/${productVO.product.productId}" class="pro-img">--%>
                        <%--<img src="${pageContext.request.contextPath}images/${productVO.productImages.productImageId}">--%>
                    <%--</a>--%>
                    <%--<a href="" class="pro-desc">--%>
                        <%--<span>>${productVO.product.productName}</span>--%>
                    <%--</a>--%>
                    <%--<div class="pro-car"><a href="">加入购物车</a> </div>--%>
                    <%--<div class="price-cart">--%>
                        <%--<span class="pro-price">￥</span>--%>
                        <%--<span class="pro-price">${productVO.product.productPrice}</span>--%>
                    <%--</div>--%>
                <%--</li>--%>
            <%--</c:forEach>--%>
            <li>
                <a href="/fresh/product/comment?kw=鸭子" class="pro-img">
                <img src="${pageContext.request.contextPath}/images/9288734965278083_300.jpg">
               </a>
                <a href="" class="pro-desc">
                    <span>鸭子</span>
                </a>
                <div class="pro-car"><a href="">加入购物车</a> </div>
                <div class="price-cart">
                <span class="pro-price">￥</span>
                <span class="pro-price">108.00</span>
                </div>
            </li>
            <li>
                <a href="/fresh/product/comment?kw=鹿肉" class="pro-img">
                    <img src="${pageContext.request.contextPath}/images/9288736807560752_300.jpg">
                </a>
                <a href="" class="pro-desc">
                    <span>鹿肉</span>
                </a>
                <div class="pro-car"><a href="">加入购物车</a> </div>
                <div class="price-cart">
                    <span class="pro-price">￥</span>
                    <span class="pro-price">59.90</span>
                </div>
            </li>
            <li>
                <a href="/fresh/product/comment?kw=老母鸡" class="pro-img">
                    <img src="${pageContext.request.contextPath}/images/9288740056868966_300.jpg">
                </a>
                <a href="" class="pro-desc">
                    <span>老母鸡</span>
                </a>
                <div class="pro-car"><a href="">加入购物车</a> </div>
                <div class="price-cart">
                    <span class="pro-price">￥</span>
                    <span class="pro-price">138.00</span>
                </div>
            </li>
            <li>
                <a href="/fresh/product/comment?kw=羊蝎子" class="pro-img">
                    <img src="${pageContext.request.contextPath}/images/9288727805666566_300.jpg">
                </a>
                <a href="" class="pro-desc">
                    <span>羊蝎子</span>
                </a>
                <div class="pro-car"><a href="">加入购物车</a> </div>
                <div class="price-cart">
                    <span class="pro-price">￥</span>
                    <span class="pro-price">79.00</span>
                </div>


            </li>
            <li>
                <a href="/fresh/product/comment?kw=牛排" class="pro-img">
                    <img src="${pageContext.request.contextPath}/images/9288727884276999_300.jpg">
                </a>
                <a href="" class="pro-desc">
                    <span>牛排</span>
                </a>
                <div class="pro-car"><a href="">加入购物车</a> </div>
                <div class="price-cart">
                    <span class="pro-price">￥</span>
                    <span class="pro-price">49.00</span>
                </div>


            </li>
            <li>
                <a href="/fresh/product/comment?kw=牛腱子" class="pro-img">
                    <img src="${pageContext.request.contextPath}/images/9288736791701040_300.jpg">
                </a>
                <a href="" class="pro-desc">
                    <span>牛腱子</span>
                </a>
                <div class="pro-car"><a href="">加入购物车</a> </div>
                <div class="price-cart">
                    <span class="pro-price">￥</span>
                    <span class="pro-price">98.00</span>
                </div>


            </li>
            <li>
                <a href="/fresh/product/comment?kw=牛肋排" class="pro-img">
                    <img src="${pageContext.request.contextPath}/images/9288739770083224_300.jpg">
                </a>
                <a href="" class="pro-desc">
                    <span>牛肋排</span>
                </a>
                <div class="pro-car"><a href="">加入购物车</a> </div>
                <div class="price-cart">
                    <span class="pro-price">￥</span>
                    <span class="pro-price">49.00</span>
                </div>
            </li>
                <li>
                    <a href="/fresh/product/comment?kw=黑猪肉丝" class="pro-img">
                        <img src="${pageContext.request.contextPath}/images/9288740115884145_300.jpg">
                    </a>
                    <a href="" class="pro-desc">
                        <span>黑猪肉丝</span>
                    </a>
                    <div class="pro-car"><a href="">加入购物车</a> </div>
                    <div class="price-cart">
                        <span class="pro-price">￥</span>
                        <span class="pro-price">219.00</span>
                    </div>
                </li>
                <li>
                    <a href="/fresh/product/comment?kw=牛腩块" class="pro-img">
                        <img src="${pageContext.request.contextPath}/images/9288739866126374_300.jpg">
                    </a>
                    <a href="" class="pro-desc">
                        <span>牛腩块</span>
                    </a>
                    <div class="pro-car"><a href="">加入购物车</a> </div>
                    <div class="price-cart">
                        <span class="pro-price">￥</span>
                        <span class="pro-price">59.90</span>
                    </div>
                </li>
                <li>
                    <a href="/fresh/product/comment?kw=牛肉丝" class="pro-img">
                        <img src="${pageContext.request.contextPath}/images/9288725529240805_300.jpg">
                    </a>
                    <a href="" class="pro-desc">
                        <span>牛肉丝</span>
                    </a>
                    <div class="pro-car"><a href="">加入购物车</a> </div>
                    <div class="price-cart">
                        <span class="pro-price">￥</span>
                        <span class="pro-price">18.00</span>
                    </div>
                </li>
                <li>
                    <a href="/fresh/product/comment?kw=鸡蛋" class="pro-img">
                        <img src="${pageContext.request.contextPath}/images/170508094924178_104337_300.jpg">
                    </a>
                    <a href="" class="pro-desc">
                        <span>鸡蛋</span>
                    </a>
                    <div class="pro-car"><a href="">加入购物车</a> </div>
                    <div class="price-cart">
                        <span class="pro-price">￥</span>
                        <span class="pro-price">22.80</span>
                    </div>
                </li>
                <li>
                    <a href="/fresh/product/comment?kw=咸鸭蛋" class="pro-img">
                        <img src="${pageContext.request.contextPath}/images/9288740184696958_300.jpg">
                    </a>
                    <a href="" class="pro-desc">
                        <span>咸鸭蛋</span>
                    </a>
                    <div class="pro-car"><a href="">加入购物车</a> </div>
                    <div class="price-cart">
                        <span class="pro-price">￥</span>
                        <span class="pro-price">19.90</span>
                    </div>
                </li>


        </ul>

    </div>


</div>
<div class="footer">
    <div class="wrap">
        <div class="s1">
            <img src="${pageContext.request.contextPath}/images/quanqiu.png">
            <b>全球精选</b>
            <span>一站式生鲜购物方案</span>
        </div>
        <div class="s2">
            <img src="${pageContext.request.contextPath}/images/cangku.png">
            <b>多仓直发</b>
            <span>次日达配送服务</span>
        </div>
        <div class="s3">
            <img src="${pageContext.request.contextPath}/images/jingxuan.png">
            <b>品质严选</b>
            <span>精选正宗品质好食材</span>
        </div>
        <div class="s4">
            <img src="${pageContext.request.contextPath}/images/gouwu.png">
            <b>天天低价</b>
            <span>会员专属优惠购不停</span>
        </div>


    </div>

</div>

</body>
<script src="${pageContext.request.contextPath}/js/head.js"></script>
</html>